<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" lang="en" th:with="unixstamp=${#dates.createNow().time}">
<head th:replace="common::header"></head>
<style type="text/css">
.layui-table-view .layui-form-radio>i{
    margin : 12px;
}
.layui-col-md12 {
    font-size: 35px;
    line-height: 60px;
}

.layui-row{
    border: 1px solid black;
    padding: inherit;
}
</style>
<body>
	<div class="layui-fluid">
		<div class="layui-row">
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header t-title layui-bg-cyan mlk-title">电池报备明细</div>
					<div class="layui-card-body">
                        <div class="layui-container" id="container">
                            <div class="layui-row">
                                <div class="layui-col-md12">
                                    <div><label>客户姓名:</label><span th:text="${data.name}"></span></div>
                                    <div><label>客户手机:</label><span th:text="${data.phone}"></span></div>
                                    <div><label>客户地址:</label><span th:text="${data.address}"></span></div>
                                    <div><label>提交时间:</label><span th:text="${#dates.format(data.createTime,'yyyy-MM-dd HH:mm:ss')}"></span></div>
                                    <div><label>接收时间:</label><span th:text="${#dates.format(data.handleTime,'yyyy-MM-dd HH:mm:ss')}"></span></div>
                                    <div><label>接收时备注:</label><span th:text="${data.handleRemark}"></span></div>
                                    <div><label>结束时备注:</label><span th:text="${data.finishRemark}"></span></div>
                                </div>
                            </div>
                            <p style="margin: 15px;">报备明细</p>
                            <div class="layui-row" th:each="item: ${data.items}">
                                <div class="layui-col-md12">
                                    <div>
                                        <label>品牌:</label>
                                        <span th:text="${item.branch}"></span>
                                        <button type="button" class="layui-btn layui-btn layui-btn-primary add_param" th:info="${item.id}" param_type="1">加入售后参数管理</button>
                                        <button type="button" class="layui-btn layui-btn layui-btn-primary param_just" th:info="${item.id}" param_type="1">校正参数</button>
                                    </div>
                                    <div>
                                        <label>型号:</label>
                                        <span th:text="${item.param}"></span>
                                        <button type="button" class="layui-btn layui-btn layui-btn-primary add_param" th:info="${item.id}" param_type="2">加入售后参数管理</button>
                                        <button type="button" class="layui-btn layui-btn layui-btn-primary param_just" th:info="${item.id}" param_type="2">校正参数</button>
                                    </div>
                                    <div>
                                        <label>数量:</label>
                                        <span th:text="${item.num}"></span>
                                    </div>
                                    <div>
                                        <label>单位:</label>
                                        <span th:text="${item.unit}"></span>
                                    </div>
                                    <div>
                                        <label>故障类型:</label>
                                        <span th:text="${item.remark}"></span>
                                        <button type="button" class="layui-btn layui-btn layui-btn-primary add_param" th:info="${item.id}" param_type="3">加入售后参数管理</button>
                                        <button type="button" class="layui-btn layui-btn layui-btn-primary param_just" th:info="${item.id}" param_type="3">校正参数</button>
                                    </div>
                                </div>
                                <div class="layui-col-md12">
                                    <img th:src="${#httpServletRequest.getContextPath() +'/images'+ pic.picUrl}" th:each="pic:${item.pics}" width="200px" height="200px" style="margin-right:10px;margin-bottom: 10px;">
                                </div>
                            </div>
                    </div>
				</div>
			</div>
		</div>
	</div>
</body>

<div th:include="common::footer"></div>
<script type="text/javascript" th:src="@{/js/repair/detail.js}"></script>
</html>